<template>
<div>
    <h1>根组件</h1>
    <!-- 路由链接 -->
     <router-link to="/home">首页</router-link>
     <router-link to="/about">关于</router-link>
     <hr>
     <!-- 路由视图 -->
      <router-view></router-view>
</div>
</template>
<script setup>

</script>
<style scoped>
.app-box{
    text-align: center;
    font-size: 20px;
}
.app-box a{
    padding: 20px;
    color: black;
    text-decoration: none;
    font-weight: bold;
}
.app-box a.router-link-active{
    color: blueviolet;
}
</style>
